<template lang="pug">
    .modal-dialog.modal__overwrite(role='document', v-show="show")
      .modal-content
        .modal-header
          h5.modal-title 题库题目
          button.close(type='button', data-dismiss='modal', aria-label='Close')
            span(aria-hidden='true', @click="close") ×
        .modal-body
          .row
            .col-sm-3
              h3.side__menu__dt 基础知识点
              ul.side__menu__list
                li(v-for="item in knowledge") {{item.knowledgeName}}
                  ul(v-for="level2 in item.children")
                    li {{level2.knowledgeName}}
                      ul(v-for="level3 in level2.children")
                        li {{level3.knowledgeName}}
            .col-sm-9
              .test__hd
                span 筛选
                span.test__hd__total 共计33454道题目
              .test__bd
                .test__bd__item
                  span.test__bd__item__label 题型
                  ul
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                .test__bd__item
                  span.test__bd__item__label 难度
                  ul
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                .test__bd__item
                  span.test__bd__item__label 类型
                  ul
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                .test__bd__item
                  span.test__bd__item__label 来源
                  ul
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
                    li
                      button.btn.btn-outline-primary.btn-sm 全部
              .tutorship__item
                .tutorship__item__bd
                  h5 1.（2017北京试题）如果向北走6步记做+6，那么向北走8步记做？（）
                  ol(type="A")
                    li +8
                    li +8
                    li +8
                    li +8
                .tutorship__item__ft
                  .btns
                    a.btn.btn-outline-primary.btn-sm(href="") 下载
                    a.btn.btn-outline-primary.btn-sm(href="") 解析
                    a.btn.btn-outline-primary.btn-sm(href="") 加入试题集
                  .desc 
                    span 真题 41
                    span 难度 0.5
                    span 组卷 32
              

</template>
<style lang="scss" scoped>
.test__bd__item__label {
  float: left;
  margin-left: 70px;
}
.test__hd__total {
  float: right;
  color: #999;
}
.test__hd {
  background: #fafafa;
  @include clearfix();
  font-size: 12px;
  padding: 5px 10px;
}
.test__bd {
  background: #fafafa;
  padding: 20px 0 1px;
}
.test__bd__item {
  padding: 3px 0;
  font-size: 12px;
  margin-bottom: 20px;
  ul, li {
    margin: 0;
    padding: 0;
  }
  ul {
    @include clearfix();
    margin-left: 100px;
    margin-bottom: -20px;
  }
  li {
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    button {
      width: 80px;
      font-size: 12px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
  }
}
</style>

<script>
import { mapState } from 'vuex'
import knowledge from 'api/teacher/knowledge'
export default {
  data () {
    return {
      knowledge: []
    }
  },
  created () {
    this.getTree()
  },
  computed: mapState({
    show: state => state.modal.databaseTest
  }),
  methods: {
    close () {
      this.$store.commit('hide', 'databaseTest')
    },
    getTree () {
      knowledge.tree(1).then((response) => {
        this.knowledge = response.data.data
      })
    }
  }
}
</script>